<!DOCTYPE html>
<html>
    <!-- Cabecera del html -->
    <head>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
        <link rel="icon" type="image/png" href="img/jartibles_logo.png" />
        <title> Inicio - JCC </title>
        <!-- CSS -->
        <link href="css/global.css" rel="stylesheet" type="text/css" />       
        <!-- JS -->
        <script type="text/javascript" src="js/libreria_jquery.js"></script>
        <script type="text/javascript" src="js/global.js"></script>    
        <script type="text/javascript">
            //<![CDATA[
            $(function() {
                $('#slider_index div:gt(0)').hide();
                setInterval(function() {
                    $('#slider_index div:first-child').fadeOut(0)
                            .next('div').fadeIn(1000)
                            .end().appendTo('#slider_index');
                }, 4000);
            });
            //]]>
        </script>
    </head>

    <!-- Cuerpo del html -->
    <body>
        <?php
        session_start();
        ?>

        <div id="wrap">
            <div id="header">

            </div>
            <div id="main" class="clearfix">
                <div id="nav">

                </div>
                <div id="content">
                    <div id="contenedor_info">
                        <div><h2>Bienvenidos a Jartibles Custom Club</h2></div>
                        <div id="slider_index">
                            <div><img src="img/index/01.jpg"/></div>
                            <div><img src="img/index/02.jpg"/></div>
                            <div><img src="img/index/03.jpg"/></div>
                            <div><img src="img/index/04.jpg"/></div>
                            <div><img src="img/index/05.jpg"/></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div id="footer">

        </div>
    </body>
</html>